Displaying an online product on a product shelf

ABSTRACT

Online products and priorities of the online products are obtained, where the online products are waiting to be displayed on a product shelf. The product shelf includes at least two display slots, where each display slot of the at least two display slots displays one online product. An attention ranking of each display slot is determined based on a distance between each display slot and a visual center of the product shelf. An online product is displayed with a higher obtained priority in a particular display slot with a greater determined attention ranking.

This application is a continuation of PCT Application No.PCT/CN2016/109556, filed on Dec. 13, 2016, which claims priority toChinese Patent Application No. 201510982403.5, filed on Dec. 23, 2015,and each application is hereby incorporated by reference in itsentirety.

TECHNICAL FIELD

The present disclosure relates to the field of Internet technologies,and in particular, to a method and an apparatus for displaying an onlineproduct on a product shelf.

BACKGROUND

With development of Internet technologies and terminal devicetechnologies, more companies sell their products or services through anetwork. In an e-commerce website or an e-commerce application (APP), anoperator displays an online product on a product shelf for a user tobrowse and purchase.

An online product is a virtual product corresponding to an actualproduct or service, and an attribute of the online product includes aname, brief introduction, a logo, charging information, etc. A productshelf is a virtual interface for displaying an online product, anddescribes how online products are displayed to a user. The product shelfgenerally includes several display slots, and each display slot displaysone online product. Different arrangements of the display slots formdifferent product shelves such as a nine-rectangular-grid product shelfin which display slots are arranged in three rows and three columns andan eight-rectangular-grid product shelf in which display slots arearranged in two rows and four columns.

In the existing technology, in an e-commerce website or an e-commerceapplication, a fixed product shelf is used for all users, and onlineproducts are successively displayed on the product shelf from top tobottom and from left to right based on priorities of the onlineproducts. For example, in a 3×3 nine-rectangular-grid product shelf,arrangement of the online products on the product shelf is shown inFIG. 1. In an application scenario in which a user searches for onlineproducts, priorities of the online products are determined based on amatching degree of a user requirement. As such, an online product bestmatching the user requirement is displayed in an upper left corner ofthe product shelf, and this location usually does not attract attentionof the user well. The online product best matching the user's need maybe easily ignored, which affects the quality of the user's searchresults, and reduces the user's efficiency of obtaining online productsthat are needed.

SUMMARY

In view of this, the present disclosure provides a method for displayingan online product on a product shelf, where the product shelf includesat least two display slots, each display slot displays one onlineproduct, and the method includes: obtaining online products waiting tobe displayed and priorities of the online products; and displaying anonline product with a higher priority on a display slot with a higherattention ranking position based on attention ranking of the displayslots on the product shelf, the attention ranking of the display slotsbeing determined based on a distance between a display slot and a visualcenter of the product shelf, and the visual center of the product shelfbeing a golden section point in an upper left corner of a product shelfdisplay area.

The present disclosure further provides an apparatus for displaying anonline product on a product shelf, where the product shelf includes atleast two display slots, each display slot displays one online product,and the apparatus includes: a product priority obtaining unit,configured to obtain online products waiting to be displayed andpriorities of the online products; and a product display unit,configured to display an online product with a higher priority on adisplay slot with a higher attention ranking position based on attentionranking of the display slots on the product shelf, the attention rankingof the display slots being determined based on a distance between adisplay slot and a visual center of the product shelf, and the visualcenter of the product shelf being a golden section point in an upperleft corner of a product shelf display area.

It can be seen from the earlier described technical solutions that inthe implementations of the present disclosure, the attention ranking ofthe display slots is determined based on the distance between thedisplay slot and the visual center of the product shelf, and the onlineproduct with the higher priority is displayed in the display slot with ahigher attention ranking position on the product shelf. When applied toa user's search scenario, the technical solutions can display an onlineproduct better matching a user requirement in a location attracting moreattention of the user, so that the user can more quickly find a neededonline product. It improves the user's search efficiency, and improves asearch result.

BRIEF DESCRIPTION OF DRAWINGS

FIG. 1 is a schematic diagram of ranking of online products displayed ona product shelf in the existing technology;

FIG. 2 is a schematic diagram of a golden section point of a rectangle;

FIG. 3 is a flowchart illustrating a method for displaying an onlineproduct on a product shelf, according to an implementation of thepresent disclosure;

FIG. 4 is a schematic diagram of attention ranking of display slots on anine-rectangular-grid product shelf, according to an implementation ofthe present disclosure;

FIG. 5 is a schematic diagram of attention ranking of display slots onan eight-rectangular-grid product shelf, according to an implementationof the present disclosure;

FIG. 6 is a schematic diagram of attention ranking of display slots on asix-rectangular-grid product shelf, according to an implementation ofthe present disclosure;

FIG. 7 is a structural diagram of hardware of a device suitable for animplementation of the present disclosure;

FIG. 8 is a logical structural diagram of an apparatus for displaying anonline product on a product shelf, according to an implementation of thepresent disclosure; and

FIG. 9 is a flowchart illustrating an example of a computer-implementedmethod for displaying an online product on a product shelf, according toan implementation of the present disclosure.

DESCRIPTION OF IMPLEMENTATIONS

A person's field of vision is an area within two overlapped circles withdifferent centers. When looking straight, the centers of two eyes'focuses reside on the two golden section points of the total length ofthe eyes' field-of-vision. Due to physiological characteristics of thehuman eyes, when a person looks at an object, a line of sight usuallyfirst falls in a location meeting a golden section ratio on the object.

Referring to FIG. 2, for a rectangular observation object, assume thatthe four corner points of the rectangle are respectively A, B, C, and D.Two vertical section lines can be respectively drawn in a location on aline segment AB with a distance of 0.382×AB from a point A and in alocation on the line segment AB with a distance of 0.618×AB from thepoint A. Two horizontal section lines can be respectively drawn in alocation on a line segment AC with a distance of 0.382×AC from point Aand in a location on the line segment AC with a distance of 0.618×ACfrom point A. Four intersection points of the four section lines arefour golden section points of the rectangle. More details can bereferred to in FIG. 2. When a person views the rectangle, a line ofsight usually first falls on the golden section point in the upper leftcorner (point F in FIG. 2). The distance between the point and a leftborder of the rectangle is 0.382×AB, and the distance between the pointand a right border of the rectangle is 0.618×AB. The ratio(0.382×AB)/(0.618×AB) of the distance between the point and the leftborder of the rectangle to the distance between the point and the rightborder of the rectangle equals the golden section ratio 0.618. The ratioof a distance between the point and a top border of the rectangle to thedistance between the point and a bottom border of the rectangle is alsothe golden section ratio.

A product shelf is usually displayed to a user in a rectangular displayarea. When the user views the product shelf, a golden section point inan upper left corner of the rectangular display area of the productshelf is usually within an initial visual center of the user. Therefore,an online product with a higher priority can be placed in a locationcloser to the initial visual center of the user based on such visualcharacteristic of the human eyes, so that the user can first notice theonline product with higher priority.

The implementations of the present disclosure provide new methods fordisplaying online products on a product shelf. Attention ranking ofdisplay slots is generated based on a distance between the display slotand the visual center of the rectangular display area of the productshelf. When online products are displayed on the product shelf, matchingis performed between priorities of the online products and the attentionranking of the display slots, so that the user can first notice anonline product with a higher priority. When the method is applied to asearch scenario, the user can more quickly obtain a search result. Itimproves the user's search efficiency, and resolves a problem in theexisting technology.

In e-commerce, a user can obtain related information of an onlineproduct from a server by performing an operation on a client software,and perform various transaction-related functions through interactionwith the server, for example, searching for an online product, viewingonline product details, placing orders, payment, etc. In thisimplementation of the present disclosure, the client software and theserver are accessible to each other through a network. The clientsoftware can run on a terminal device such as a mobile phone, a tabletcomputer, a personal computer (PC), or a notebook computer, or can runon a physical or logical server. The server usually can function asphysical or logical server. The types of devices on the client side orthe server side, and the types, protocols, etc. of communicationsnetworks between the client and the server are not limited in thisimplementation of the present disclosure.

In this implementation of the present disclosure, the method fordisplaying online products on a product shelf is applied to the clientsoftware, and a procedure of the method is shown in FIG. 3.

Step 310: Obtain online products waiting to be displayed and prioritiesof the online products.

When the client software accesses an online product display page, forexample, the client software accesses an online product search resultpage, the client software opens a link with online product display,etc., the server sends an online product related to a client softwarerequest and a priority of the online product to the client software.

A priority can be considered as importance ranking of online productsreturned by the server. In different application scenarios, the serverusually determines priorities of the online products based on differentranking criteria. For example, the server can establish a mathematicalmodel based on data mining, machine learning, and big data analytics,and use the established mathematical model for importance ranking of theonline products, so as to improve hits and sales of the online products.As another example, in response to a user's search request, the servercan analyze a user preference, and perform importance ranking on onlineproducts satisfying a user's search purpose based on a degree ofmatching of the user's preference and by using the establishedmathematical model. The server can use default ranking of onlineproducts of a merchant as priorities of the online products. Ranking ofpriorities can be referred to in existing technologies. Details are notdescribed again. A method for determining the priorities of the onlineproducts is not limited in this implementation of the presentdisclosure.

Step 320: Display an online product with a higher priority on a displayslot with a higher attention ranking position based on attention rankingof display slots on a product shelf.

Attention ranking of the display slots is used to describe a degree thateach display slot on a product shelf with a determined arrangementstructure of the display slots attracts attention. A display slot with ahigher attention ranking position is more quickly or easily seen by auser viewing the product shelf.

In this implementation of the present disclosure, a golden section pointin an upper left corner of a rectangular display area of the productshelf is referred to as a visual center of the product shelf. The ratioof the distance between the point and the top border of the display areaof the product shelf to the distance between the point and the bottomborder of the display area of the product shelf is the golden sectionratio, and the ratio of the distance between the point and the leftborder of the display area of the product shelf to the distance betweenthe point and the right border of the display area of the product shelfis also the golden section ratio. As described above, when the userviews the product shelf displayed on a screen, a line of sight usuallyfirst falls on the visual center of the product shelf, and an onlineproduct closer to the visual center of the product shelf is more likelyto first fall within a reachable range of the user's line of sight.Therefore, in this implementation of the present disclosure, theattention ranking of the display slots is determined based on thedistance between each display slot and the visual center of the productshelf.

A fixed point in a rectangular display area of each display slot can beselected based on actual application scenarios, and a distance betweenthe fixed point and the visual center of the product shelf can be usedas the distance between the display slot and the visual center of theproduct shelf. For example, the fixed point may be an upper left vertexof each display slot, a geometric center of each display slot (that is,an intersection point of two diagonals in the rectangular display areaof the display slot), or a visual center of each display slot.

In addition to the distance between the display slot and the visualcenter of the product shelf, when attention ranking of display slots ona product shelf of certain structure is determined, other factors canalso be considered, for example, habit of viewing the screen, the orderof changing line of sight, etc., so as to reflect influences of thesefactors on user attention.

In an implementation, the attention ranking of the display slots can bedetermined based on the distance between the display slot and the visualcenter of the product shelf and a degree of attention paid to thedisplay slot on the product shelf. The degree of attention paid to thedisplay slot on the product shelf can be determined based on objectiveinfluences of the factors considered on the user's attention andlocations of the display slots on the product shelf. For example, if theuser's viewing habit is a factor considered, because the user is usuallymore accustomed to viewing the screen from left to right, a degree ofattention paid to a display slot on the left can be higher than that ofa display slot on the right. If user's line-of-sight conversion isconsidered, because horizontal line-of-sight conversion is better thanvertical line-of-sight conversion, a degree of attention paid to adisplay slot on the right can be higher than that of a display slot atthe bottom.

In an example, the degree of attention paid to the display slot on theproduct shelf can be obtained based on experimental data. For a productshelf with a determined arrangement structure of display slots, theobserving sequence of the same or different online products on eachdisplay slot can be tested using several experimenters to obtainexperimental data. Such experimental data can usually reflect objectiveinfluences of various factors on the user attention. After theexperimental data is obtained, a first reference value of each displayslot can be determined based on the distance between the display slotand the visual center of the product shelf. A second reference value ofeach display slot can be obtained based on experimental data of thedegree of attention paid to the display slot on the product shelf. Thedisplay slots can be ranked based on a weighted sum of the firstreference value and the second reference value of each display slot todetermine the attention ranking of the display slots.

The first reference value may be the distance between the display slotand the visual center of the product shelf or a function of thedistance, or may be first ranking obtained based on the distance betweenthe display slot and the visual center of the product shelf. The secondreference value may be a value obtained based on the experimental data,or may be second ranking of the display slot based on the value. Weightsetting for the first reference value and the second reference value canbe selected based on an actual application scenario. Forms and weightsettings for the first reference value and the second reference valueare not limited in this implementation of the present disclosure.

In an actual application scenario, the attention ranking of the displayslots on the product shelf can be determined on the client software, orcan be determined on the server. For example, if a product shelf of oneor more fixed arrangement structures of the display slots is used on theclient software, the client software can calculate and store varioustypes of attention ranking of the display slots during installation. Thevarious types of attention ranking can be directly invoked or one ofthem can be invoked during each use. If arrangement of the display slotson the product shelf used by the client software frequently changes, theclient software can calculate attention ranking of display slots on theproduct shelf waiting to be used before each use. As another example,the server can first calculate attention ranking of display slots onseveral product shelves that may be used by the client software. Theserver delivers the attention ranking to the client software, and theclient software invokes the attention ranking of the display slotscorresponding to the product shelf during use. When sending onlineproducts waiting to be displayed to the client software, the server canspecify attention ranking of display slots on a product shelf fordisplaying these online products.

In existing technology, in an e-commerce website or an e-commerceapplication, a fixed arrangement structure of the display slots isusually used for all product shelves of the client software. With moretypes of client devices that run the client software, display types ofthe client devices also varies. An arrangement structure of the displayslots suitable for one display may have a poor display effect on anotherdisplay.

To avoid such case, in this implementation of the present disclosure, anarrangement structure of the display slots on the product shelf can bedetermined based on an aspect ratio of a display screen. The aspectratio of the display screen is a ratio of a width to a height of thedisplay screen, and common aspect ratios are 4:3 (1.33), 16:9 (1.78),16:10 (1.6), etc.

When the aspect ratio of the display screen falls within a certainrange, product shelves of the same arrangement structure of the displayslots can have similar display effects. Therefore, a display screen withaspect ratio within a certain range can correspond to a product shelf ofan arrangement structure. For example, when the aspect ratio of thedisplay screen is within a first ratio range, the display slots can bearranged using a 3×3 nine-rectangular-grid product shelf. When theaspect ratio of the display screen is within a second ratio range, thedisplay slots can be arranged using a 2×4 eight-rectangular-grid productshelf. When the aspect ratio of the display screen is neither within thefirst ratio range nor the second ratio range, the display slots arearranged using a 3×2 six-rectangular-grid product shelf. The first ratiorange and the second ratio range do not overlap.

In an actual application scenario, the arrangement structure of thedisplay slots on the product shelf can be determined on the clientsoftware, or can be determined on the server. For example, in a clientsoftware installation process, an installation program can select andstore an arrangement structure of the display slots that is suitable forthe display screen of the device including the client software, and theclient software can directly use the arrangement structure fordisplaying the online products. Alternatively, before each use of theproduct shelf, the client software can determine the arrangementstructure of the display slots based on the aspect ratio of the displayscreen of the device. As another example, when the client softwareestablishes a connection to the server, or requests online products fromthe server, the client software reports information about its displayscreen (such as a resolution or an aspect ratio). When sending theonline product, the server can specify the arrangement structure of thedisplay slots on the product shelf used by the client software.

It can be seen that in this implementation of the present disclosure,the attention ranking of the display slots is generated based on thedistance between the display slot and the visual center of therectangular display area of the product shelf. When the online productsare displayed, the online product with the higher priority is placed inthe display slot with a higher attention ranking position. When themethod is applied to a search scenario, the user can notice an onlineproduct better matching a user requirement in a location that canattract more attention of the user, so that the user can more quicklyobtain a search result, which improves the user's search efficiency.

In an implementation of the present disclosure, three types of attentionranking of the display slots on a product shelf of different arrangementstructures of the display slots are predetermined on the clientsoftware. Attention ranking of the display slots of each arrangementstructure is generated in the following way: The display slots areranked based on the distance between the geometric center of the displayslot and the visual center of the product shelf, to obtain the firstranking of each display slot. The second ranking of each display slot isobtained based on the experimental data of the degree of attention paidto the display slot on the product shelf. The display slots are rankedbased on a weighted sum of the first ranking and the second ranking ofeach display slot to obtain the attention ranking of the display slots.

Referring to FIG. 4, a first product shelf is a nine-rectangular-gridproduct shelf in which the display slots are arranged in three rows andthree columns. The display slots ranked in descending order of attentionare: a display slot of row 1 and column 2, a display slot of row 2 andcolumn 2, a display slot of row 3 and column 2, a display slot of row 1and column 1, a display slot of row 1 and column 3, a display slot ofrow 2 and column 1, a display slot of row 2 and column 3, a display slotof row 3 and column 1, and a display slot of row 3 and column 3.

Referring to FIG. 5, a second product shelf is an eight-rectangular-gridproduct shelf in which the display slots are arranged in two rows andfour columns. The display slots ranked in descending order of attentionare: a display slot of row 1 and column 2, a display slot of row 1 andcolumn 3, a display slot of row 2 and column 2, a display slot of row 2and column 3, a display slot of row 1 and column 1, a display slot ofrow 1 and column 4, a display slot of row 2 and column 1, and a displayslot of row 2 and column 4.

Referring to FIG. 6, a third product shelf is a six-rectangular-gridproduct shelf in which the display slots are arranged in three rows andtwo columns. The display slots ranked in descending order of attentionare: a display slot of row 1 and column 1, a display slot of row 1 andcolumn 2, a display slot of row 2 and column 1, a display slot of row 2and column 2, a display slot of row 3 and column 1, and a display slotof row 3 and column 2.

When the client software accesses a page displaying the online products,the client software receives the online products waiting to be displayedand the priorities of the online products that are delivered by theserver.

The client software reads the resolution of the display screen of thedevice, calculates the aspect ratio of the display screen (that is, thewidth of the display screen divided by the height of the displayscreen), and determines the arrangement structure of the display slotson the product shelf based on Table 1.

TABLE 1 Aspect ratio t of the display screen Arrangement structure ofthe display slots 1.3 ≤ t < 1.45 Nine-rectangular-grid product shelf inwhich the display slots are arranged in three rows and three columns t ≥1.45 Eight-rectangular-grid product shelf in which the display slots arearranged in two rows and four columns T < 1.3 Six-rectangular-gridproduct shelf in which the display slots are arranged in three rows andtwo columns

After determining the arrangement structure of display slots on theproduct shelf waiting to be used, based on predetermined attentionranking of the display slots that corresponds to the arrangementstructure, the client software displays the online product with thehighest priority on a display slot with the highest attention rankingposition, and displays the online product with the second highestpriority on a display slot with the second highest attention rankingposition, and so on.

If a number of online products delivered by the server exceeds a numberof display slots, after the user flips the page, online products on thenext page are still displayed based on attention ranking of displayslots and priorities of the online products by using the earlierdescribed method.

Corresponding to the earlier described procedure, an implementation ofthe present disclosure can further provide an apparatus for displayingan online product on a product shelf. The apparatus can be implementedby software, hardware, or a combination of hardware and software. In anexample that the apparatus is implemented by software, the apparatus inlogic sense is formed after a central process unit (CPU) of a devicereads a corresponding computer program instruction to a memory forrunning. In terms of hardware, in addition to a CPU, a memory, and anon-volatile memory shown in FIG. 7, the device that includes theapparatus for displaying an online product on a product shelf generallyfurther includes other hardware such as a chip for receiving and sendinga wireless signal, or other hardware such as a board for implementing anetwork communication function.

FIG. 8 shows an apparatus for displaying an online product on a productshelf, according to an implementation of the present disclosure. Theproduct shelf includes at least two display slots, and each display slotdisplays one online product. The apparatus includes a product priorityobtaining unit and a product display unit. The product priorityobtaining unit is configured to obtain online products waiting to bedisplayed and priorities of the online products. The product displayunit is configured to display an online product with a higher priorityon a display slot with a higher attention ranking position based onattention ranking of the display slots on the product shelf. Theattention ranking of the display slots is determined based on a distancebetween the display slot and a visual center of the product shelf. Thevisual center of the product shelf is a golden section point in an upperleft corner of a product shelf display area.

In an implementation, the attention ranking of the display slots isdetermined based on the distance between the display slot and the visualcenter of the product shelf and a degree of attention paid to thedisplay slot on the product shelf.

In the earlier described implementation, the attention ranking of thedisplay slots is determined in the following way: determining a firstreference value of each display slot based on the distance between thedisplay slot and the visual center of the product shelf; obtaining asecond reference value of each display slot based on experimental dataof the degree of attention paid to the display slot on the productshelf; and ranking the display slots based on a weighted sum of thefirst reference value and the second reference value of each displayslot, to determine the attention ranking of the display slots.

The product shelf can include: a nine-rectangular-grid product shelf inwhich the display slots are arranged in three rows and three columns,where the display slots ranked in descending order of attention are: adisplay slot of row 1 and column 2, a display slot of row 2 and column2, a display slot of row 3 and column 2, a display slot of row 1 andcolumn 1, a display slot of row 1 and column 3, a display slot of row 2and column 1, a display slot of row 2 and column 3, a display slot ofrow 3 and column 1, and a display slot of row 3 and column 3; aneight-rectangular-grid product shelf in which the display slots arearranged in two rows and four columns, where the display slots ranked indescending order of attention are: a display slot of row 1 and column 2,a display slot of row 1 and column 3, a display slot of row 2 and column2, a display slot of row 2 and column 3, a display slot of row 1 andcolumn 1, a display slot of row 1 and column 4, a display slot of row 2and column 1, and a display slot of row 2 and column 4; and/or asix-rectangular-grid product shelf in which the display slots arearranged in three rows and two columns, where the display slots rankedin descending order of attention are: a display slot of row 1 and column1, a display slot of row 1 and column 2, a display slot of row 2 andcolumn 1, a display slot of row 2 and column 2, a display slot of row 3and column 1, and a display slot of row 3 and column 2.

Optionally, the distance between the display slot and the visual centerof the product shelf includes a distance between a geometric center ofthe display slot and the visual center of the product shelf.

In an example, an arrangement structure of the display slots on theproduct shelf is determined based on an aspect ratio of a displayscreen.

In the earlier described example, the arrangement structure of thedisplay slots on the product shelf is determined based on the followingconditions: When the aspect ratio of the display screen falls within afirst ratio range, the display slots are arranged using a 3×3nine-rectangular-grid product shelf; when the aspect ratio of thedisplay screen falls within a second ratio range, the display slots arearranged using a 2×4 eight-rectangular-grid product shelf; and when theaspect ratio of the display screen neither falls within the first ratiorange nor the second ratio range, the display slots are arranged using a3×2 six-rectangular-grid product shelf. The first ratio range and thesecond ratio range do not overlap.

The previous descriptions are merely preferred implementations of thepresent disclosure, but are not intended to limit the presentdisclosure. Any modification, equivalent replacement, or improvementmade without departing from the spirit and principle of the presentdisclosure shall fall within the protection scope of the presentdisclosure.

In a typical configuration, a computing device includes one or morecentral processing units (CPUs), an input/output interface, a networkinterface, and a memory.

The memory may include a non-persistent memory, a random access memory(RAM), and/or a non-volatile memory in a computer readable medium, forexample, a read-only memory (ROM) or a flash memory (flash RAM). Thememory is an example of the computer readable medium.

The computer readable medium includes persistent, non-persistent,movable, and unmovable media, and can store information using any methodor technology. The information may be a computer readable instruction, adata structure, a program module, or other data. An example of thecomputer storage medium includes but is not limited to a phase changememory (PCM), a static random access memory (SRAM), a dynamic randomaccess memory (DRAM), a random access memory (RAM) of another type, aread-only memory (ROM), an electrically erasable programmable read-onlymemory (EEPROM), a flash memory or another memory technology, a compactdisc read-only memory (CD-ROM), a digital versatile disc (DVD) or otheroptical storage, a cassette magnetic tape, tape and disk storage oranother magnetic storage device or any other non-transmission media thatcan be configured to store information that can be accessed by thecomputing device. As described in the present specification, thecomputer readable medium does not include a transitory computer readablemedium (transitory media) such as a modulated data signal and a carrier.

It is further worthwhile to note that the term “include”, “comprise”, orany other variant is intended to cover a non-exclusive inclusion, sothat a process, a method, a product, or a device that includes a list ofelements not only includes those elements but also includes otherelements which are not expressly listed, or further includes elementsinherent to such process, method, product, or device. An elementpreceded by “includes a . . . ” does not, without more constraints,preclude the existence of additional identical elements in the process,method, product, or device that includes the element.

Persons skilled in the art should understand that the implementations ofthe present disclosure can be provided as a method, a system, or acomputer program product. Therefore, the present disclosure can use aform of hardware only implementations, software only implementations, orimplementations with a combination of software and hardware. Moreover,the present disclosure can use a form of a computer program product thatis implemented on one or more computer-usable storage media (includingbut not limited to a disk memory, a CD-ROM, an optical memory, etc.)that include computer-usable program code.

FIG. 9 is a flowchart illustrating an example of a computer-implementedmethod 900 for displaying an online product on a product shelf,according to an implementation of the present disclosure. For clarity ofpresentation, the description that follows generally describes method900 in the context of the other figures in this description. However, itwill be understood that method 900 can be performed, for example, by anysystem, environment, software, and hardware, or a combination ofsystems, environments, software, and hardware, as appropriate. In someimplementations, various steps of method 900 can be run in parallel, incombination, in loops, or in any order.

At 902, online products and priorities of the online products areobtained, where the online products are waiting to be displayed on aproduct shelf, and where the product shelf comprises at least twodisplay slots. Each display slot of the at least two display slotsdisplays one online product. In some implementations, an arrangementstructure of the at least two display slots on the product shelf isdetermined based on an aspect ratio of a display screen. In someimplementations, the arrangement structure of the at least two displayslots on the product shelf is determined based on: if the aspect ratioof the display screen falls within a first ratio range, the at least twodisplay slots are arranged using a 3×3 nine-rectangular-grid productshelf, if the aspect ratio of the display screen falls within a secondratio range, the at least display slots are arranged using a 2×4eight-rectangular-grid product shelf, or if the aspect ratio of thedisplay screen falls neither within the first ratio range nor the secondratio range, the at least two display slots are arranged using a 3×2six-rectangular-grid product shelf, wherein the first ratio range andthe second ratio range do not overlap. From 902, method 900 proceeds to904.

At 904, an attention ranking of each display slot is determined based ona distance between each display slot and a visual center of the productshelf. In some implementations, the visual center of the product shelfis a golden section point in an upper left corner of a product shelfdisplay area. In some implementations, the distance between each displayslot and the visual center of the product shelf comprises a distancebetween a geometric center of each display slot and the visual center ofthe product shelf. In some implementations, the determination of theattention ranking of each display slot includes a degree of attentionpaid to each display slot on the product shelf. In some implementations,the determination of the attention ranking of each display slotcomprises: determining a first reference value of each display slotbased on the distance between each display slot and the visual center ofthe product shelf; obtaining a second reference value of each displayslot based on experimental data of the degree of attention paid to eachdisplay slot on the product shelf; and ranking, as the attentionranking, each display slot based a weighted sum of the first referencevalue and the second reference value. From 904, method 900 proceeds to906.

At 906, an online product with a higher obtained priority is displayedin a particular display slot with a greater determined attentionranking. After 906, method 900 stops.

Implementations of the subject matter described in this specificationcan be implemented so as to realize particular advantages or technicaleffects. For example, implementations of the subject matter permitenhancement of data visualization on a computer display. For example, anonline product shelf is usually displayed to a user in a rectangulardisplay area. When the user views the product shelf, a golden sectionpoint in an upper left corner of the rectangular display area of theproduct shelf is usually within an initial visual center of the user'svision. Therefore, an online product with a determined higher prioritycan be placed in a location closer to the initial visual center of theuser's vision, based on such visual characteristics of the human eyes.In this way, data display and visualization on the computer display isenhanced.

The described methodology can ensure the efficient usage of computerresources (for example, processing cycles, network bandwidth, and memoryusage), through efficient display of data on a computer display (forexample, of a computer display of a mobile computing device). Efficientdisplay of data and use of graphical user interfaces can minimize orprevent waste of available computer resources with respect to preventingundesired, invalid, or delayed transactions. Instead of users needing toperform multiple or protracted transactions (for example, searches),transaction efficiency can be enhanced, increasing transaction speed,reducing data usage, and reducing network bandwidth, network congestion,computational cycles (for example, both on clients and servers), anddata storage requirements (either persistent or transitory).

In some implementations, elements of a graphical user interfaceassociated with the described software application executing on the userequipment can be positioned to be least obtrusive for a user. Forexample, the elements can be positioned in a way to obscure the leastamount of data and to avoid covering any critical or often-usedgraphical user interface elements).

Embodiments and the operations described in this specification can beimplemented in digital electronic circuitry, or in computer software,firmware, or hardware, including the structures disclosed in thisspecification or in combinations of one or more of them. The operationscan be implemented as operations performed by a data processingapparatus on data stored on one or more computer-readable storagedevices or received from other sources. A data processing apparatus,computer, or computing device may encompass apparatus, devices, andmachines for processing data, including by way of example a programmableprocessor, a computer, a system on a chip, or multiple ones, orcombinations, of the foregoing. The apparatus can include specialpurpose logic circuitry, for example, a central processing unit (CPU), afield programmable gate array (FPGA) or an application-specificintegrated circuit (ASIC). The apparatus can also include code thatcreates an execution environment for the computer program in question,for example, code that constitutes processor firmware, a protocol stack,a database management system, an operating system (for example anoperating system or a combination of operating systems), across-platform runtime environment, a virtual machine, or a combinationof one or more of them. The apparatus and execution environment canrealize various different computing model infrastructures, such as webservices, distributed computing and grid computing infrastructures.

A computer program (also known, for example, as a program, software,software application, software module, software unit, script, or code)can be written in any form of programming language, including compiledor interpreted languages, declarative or procedural languages, and itcan be deployed in any form, including as a stand-alone program or as amodule, component, subroutine, object, or other unit suitable for use ina computing environment. A program can be stored in a portion of a filethat holds other programs or data (for example, one or more scriptsstored in a markup language document), in a single file dedicated to theprogram in question, or in multiple coordinated files (for example,files that store one or more modules, sub-programs, or portions ofcode). A computer program can be executed on one computer or on multiplecomputers that are located at one site or distributed across multiplesites and interconnected by a communication network.

Processors for execution of a computer program include, by way ofexample, both general- and special-purpose microprocessors, and any oneor more processors of any kind of digital computer. Generally, aprocessor will receive instructions and data from a read-only memory ora random-access memory or both. The essential elements of a computer area processor for performing actions in accordance with instructions andone or more memory devices for storing instructions and data. Generally,a computer will also include, or be operatively coupled to receive datafrom or transfer data to, or both, one or more mass storage devices forstoring data. A computer can be embedded in another device, for example,a mobile device, a personal digital assistant (PDA), a game console, aGlobal Positioning System (GPS) receiver, or a portable storage device.Devices suitable for storing computer program instructions and datainclude non-volatile memory, media and memory devices, including, by wayof example, semiconductor memory devices, magnetic disks, andmagneto-optical disks. The processor and the memory can be supplementedby, or incorporated in, special-purpose logic circuitry.

Mobile devices can include handsets, user equipment (UE), mobiletelephones (for example, smartphones), tablets, wearable devices (forexample, smart watches and smart eyeglasses), implanted devices withinthe human body (for example, biosensors, cochlear implants), or othertypes of mobile devices. The mobile devices can communicate wirelessly(for example, using radio frequency (RF) signals) to variouscommunication networks (described below). The mobile devices can includesensors for determining characteristics of the mobile device's currentenvironment. The sensors can include cameras, microphones, proximitysensors, GPS sensors, motion sensors, accelerometers, ambient lightsensors, moisture sensors, gyroscopes, compasses, barometers,fingerprint sensors, facial recognition systems, RF sensors (forexample, Wi-Fi and cellular radios), thermal sensors, or other types ofsensors. For example, the cameras can include a forward- or rear-facingcamera with movable or fixed lenses, a flash, an image sensor, and animage processor. The camera can be a megapixel camera capable ofcapturing details for facial and/or iris recognition. The camera alongwith a data processor and authentication information stored in memory oraccessed remotely can form a facial recognition system. The facialrecognition system or one-or-more sensors, for example, microphones,motion sensors, accelerometers, GPS sensors, or RF sensors, can be usedfor user authentication.

To provide for interaction with a user, embodiments can be implementedon a computer having a display device and an input device, for example,a liquid crystal display (LCD) or organic light-emitting diode(OLED)/virtual-reality (VR)/augmented-reality (AR) display fordisplaying information to the user and a touchscreen, keyboard, and apointing device by which the user can provide input to the computer.Other kinds of devices can be used to provide for interaction with auser as well; for example, feedback provided to the user can be any formof sensory feedback, for example, visual feedback, auditory feedback, ortactile feedback; and input from the user can be received in any form,including acoustic, speech, or tactile input. In addition, a computercan interact with a user by sending documents to and receiving documentsfrom a device that is used by the user; for example, by sending webpages to a web browser on a user's client device in response to requestsreceived from the web browser.

Embodiments can be implemented using computing devices interconnected byany form or medium of wireline or wireless digital data communication(or combination thereof), for example, a communication network. Examplesof interconnected devices are a client and a server generally remotefrom each other that typically interact through a communication network.A client, for example, a mobile device, can carry out transactionsitself, with a server, or through a server, for example, performing buy,sell, pay, give, send, or loan transactions, or authorizing the same.Such transactions may be in real time such that an action and a responseare temporally proximate; for example an individual perceives the actionand the response occurring substantially simultaneously, the timedifference for a response following the individual's action is less than1 millisecond (ms) or less than 1 second (s), or the response is withoutintentional delay taking into account processing limitations of thesystem.

Examples of communication networks include a local area network (LAN), aradio access network (RAN), a metropolitan area network (MAN), and awide area network (WAN). The communication network can include all or aportion of the Internet, another communication network, or a combinationof communication networks. Information can be transmitted on thecommunication network according to various protocols and standards,including Long Term Evolution (LTE), 5G, IEEE 802, Internet Protocol(IP), or other protocols or combinations of protocols. The communicationnetwork can transmit voice, video, biometric, or authentication data, orother information between the connected computing devices.

Features described as separate implementations may be implemented, incombination, in a single implementation, while features described as asingle implementation may be implemented in multiple implementations,separately, or in any suitable sub-combination. Operations described andclaimed in a particular order should not be understood as requiring thatthe particular order, nor that all illustrated operations must beperformed (some operations can be optional). As appropriate,multitasking or parallel-processing (or a combination of multitaskingand parallel-processing) can be performed.

What is claimed is:
 1. A computer-implemented method, comprising:obtaining online products and priorities of the online products, whereinthe online products are waiting to be displayed on a product shelf of agraphical user interface of a computing device; retrieving a resolutionand an aspect ratio of a display screen of the computing device;determining an arrangement structure based on the resolution and theaspect ratio of the display screen of the computing device, thearrangement structure comprising at least two display slots, whereineach display slot of the at least two display slots displays one onlineproduct; determining a first reference value of each display slot basedon a distance between each display slot and a visual center of theproduct shelf; obtaining a second reference value of each display slotbased on experimental data of a degree of attention paid to each displayslot on the product shelf; ranking, as an attention ranking, eachdisplay slot based on a weighted sum of the first reference value andthe second reference value; and displaying, by the graphical userinterface of the computing device, the online products based on thearrangement structure, the attention ranking of each slot, and thepriorities of the online products, wherein each online product isdisplayed in a respective display slot of the at least two display slotsbased on an obtained priority of the online product and the attentionranking of each display slot.
 2. The computer-implemented method ofclaim 1, wherein the visual center of the product shelf is a goldensection point in an upper left corner of a product shelf display area.3. The computer-implemented method of claim 1, wherein the distancebetween each display slot and the visual center of the product shelfcomprises a geometric to visual distance between a geometric center ofeach display slot and the visual center of the product shelf.
 4. Thecomputer-implemented method of claim 1, wherein an arrangement structureof the at least two display slots on the product shelf is determinedbased on an aspect ratio of a display screen.
 5. Thecomputer-implemented method according to claim 4, wherein thearrangement structure of the at least two display slots on the productshelf is determined based on: if the aspect ratio of the display screenfalls within a first ratio range, the at least two display slots arearranged using a 3×3 nine-rectangular-grid product shelf, if the aspectratio of the display screen falls within a second ratio range, the atleast two display slots are arranged using a 2×4 eight-rectangular-gridproduct shelf, or if the aspect ratio of the display screen fallsneither within the first ratio range nor the second ratio range, the atleast two display slots are arranged using a 3×2 six-rectangular-gridproduct shelf, wherein the first ratio range and the second ratio rangedo not overlap.
 6. A non-transitory, computer-readable medium storingone or more instructions executable by a computer system to performoperations comprising: obtaining online products and priorities of theonline products, wherein the online products are waiting to be displayedon a product shelf of a graphical user interface of a computing device;retrieving a resolution and an aspect ratio of a display screen of thecomputing device; determining an arrangement structure based on theresolution and the aspect ratio of the display screen of the computingdevice, the arrangement structure comprising at least two display slots,wherein each display slot of the at least two display slots displays oneonline product; determining a first reference value of each display slotbased on a distance between each display slot and a visual center of theproduct shelf; obtaining a second reference value of each display slotbased on experimental data of a degree of attention paid to each displayslot on the product shelf; ranking, as an attention ranking, eachdisplay slot based on a weighted sum of the first reference value andthe second reference value; and displaying, by the graphical userinterface of the computing device, the online products based on thearrangement structure, the attention ranking of each slot, and thepriorities of the online products, wherein each online product isdisplayed in a respective display slot of the at least two display slotsbased on an obtained priority of the online product and the attentionranking of each display slot.
 7. The non-transitory, computer-readablemedium of claim 6, wherein the visual center of the product shelf is agolden section point in an upper left corner of a product shelf displayarea.
 8. The non-transitory, computer-readable medium of claim 6,wherein the distance between each display slot and the visual center ofthe product shelf comprises a geometric to visual distance between ageometric center of each display slot and the visual center of theproduct shelf.
 9. The non-transitory, computer-readable medium of claim6, wherein an arrangement structure of the at least two display slots onthe product shelf is determined based on an aspect ratio of a displayscreen.
 10. The non-transitory, computer-readable medium according toclaim 9, wherein the arrangement structure of the at least two displayslots on the product shelf is determined based on: if the aspect ratioof the display screen falls within a first ratio range, the at least twodisplay slots are arranged using a 3×3 nine-rectangular-grid productshelf, if the aspect ratio of the display screen falls within a secondratio range, the at least two display slots are arranged using a 2×4eight-rectangular-grid product shelf, or if the aspect ratio of thedisplay screen falls neither within the first ratio range nor the secondratio range, the at least two display slots are arranged using a 3×2six-rectangular-grid product shelf, wherein the first ratio range andthe second ratio range do not overlap.
 11. A computer-implementedsystem, comprising: one or more computers; and one or more computermemory devices interoperably coupled with the one or more computers andhaving tangible, non-transitory, machine-readable media storing one ormore instructions that, when executed by the one or more computers,perform one or more operations comprising: obtaining online products andpriorities of the online products, wherein the online products arewaiting to be displayed on a product shelf of a graphical user interfaceof a computing device; retrieving a resolution and an aspect ratio of adisplay screen of the computing device; determining an arrangementstructure based on the resolution and the aspect ratio of the displayscreen of the computing device, the arrangement structure comprising atleast two display slots, wherein each display slot of the at least twodisplay slots displays one online product; determining a first referencevalue of each display slot based on a distance between each display slotand an visual center of the product shelf; obtaining a second referencevalue of each display slot based on experimental data of a degree ofattention paid to each display slot on the product shelf; ranking, as anattention ranking, each display slot based on a weighted sum of thefirst reference value and the second reference value; and displaying, bythe graphical user interface of the computing device, the onlineproducts based on the arrangement structure, the attention ranking ofeach slot, and the priorities of the online products, wherein eachonline product is displayed in a respective display slot of the at leasttwo display slots based on an obtained priority of the online productand the attention ranking of each display slot.
 12. Thecomputer-implemented system of claim 11, wherein the visual center ofthe product shelf is a golden section point in an upper left corner of aproduct shelf display area.
 13. The computer-implemented system of claim11, wherein the distance between each display slot and the visual centerof the product shelf comprises a geometric to visual distance between ageometric center of each display slot and the visual center of theproduct shelf.
 14. The computer-implemented system of claim 11, whereinan arrangement structure of the at least two display slots on theproduct shelf is determined based on an aspect ratio of a displayscreen, and wherein the arrangement structure of the at least twodisplay slots on the product shelf is determined based on: if the aspectratio of the display screen falls within a first ratio range, the atleast two display slots are arranged using a 3×3 nine-rectangular-gridproduct shelf, if the aspect ratio of the display screen falls within asecond ratio range, the at least two display slots are arranged using a2×4 eight-rectangular-grid product shelf, or if the aspect ratio of thedisplay screen falls neither within the first ratio range nor the secondratio range, the at least two display slots are arranged using a 3×2six-rectangular-grid product shelf, wherein the first ratio range andthe second ratio range do not overlap.